<template>
  <!-- 物品信息 -->
  <div id="contractDetail">
    <el-form :model="data" label-width="100">
      <el-form-item label="商品名称:">
        <p>{{ data.name }}</p>
      </el-form-item>
      <el-form-item label="分类:">
        <p>{{ data.categoryName }}</p>
      </el-form-item>
      <el-form-item label="价格:">
        <p>{{ data.price ? data.price : 0 }}元</p>
      </el-form-item>
      <el-form-item label="仓库单位:">
        <p>{{ data.productUnitName }}</p>
      </el-form-item>
     
      <el-form-item label="商品信息:" style="width: 100%">
        <p>{{ data.spuSpecification }}</p>
      </el-form-item>
      <el-form-item label="备注:" style="width: 100%">
        <p>{{ data.info }}</p>
      </el-form-item>
      <el-form-item label="状态:">
        <p>{{ data.status == 1 ? "上架" : "下架" }}</p>
      </el-form-item>
      <el-form-item label="创建时间:">
        <p>{{ data.createTime }}</p>
      </el-form-item>
      <el-form-item label="修改时间:" v-if="data.updateTime">
        <p>{{ data.updateTime }}</p>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
export default {
  name: 'goodsDetail',
  data () {
    return {
      form: {},

    }
  },
  props: {
    data: {
      type: Object,
      required: true
    }
  },


}
</script>
<style lang='scss' scoped>
</style>